ローディング Loading Progress Indicator
待機中の状態について
個人的
待機状態のUIについて整理してみる(デザイン編)
こちらでまとめました。
実装編はまたあとで
待機
通信的待機
システム的待機
対人的待機
状態
不確定タイプ(Indeterminate)
何が起きているか、あとどれだけ時間を要するか明示しない
確定タイプ(Determinate)
何が起きていて、あとどれだけ時間を要するのかを明示
状態管理
Stop using isLoading booleans
isLoading(boolean 真偽 型)でなく、status(enum 列挙型)を使おう。
idle,pending,resolved
関連
Progress Indicator Loading UI
UIに関しては、こちらへ
参考
ユーザーが待っている間のUIデザイン | UXデザイン会社Standardのブログ
待機の切り取りが面白かった
アニメーション付きプログレスバーの種類別おすすめの使い方 - Adobe Blog